<?php include_once('header.php');?>
<div class="main-content">
		<div class="breadcrumbs" id="breadcrumbs">
			<script type="text/javascript">
				try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
			</script>
			<ul class="breadcrumb">
				<li>
					<i class="icon-home home-icon"></i>
					业绩奖励
				</li>
				<li>
					业绩统计
				</li>
			</ul>
		</div>	
		<div class="page-content">
                    
                    <div class="page-header" style="height:40px;"></div>
			<div class="page-header">
				<h1 class="blue"><i class="icon-edit"></i> 业绩列表</h1>
			</div>
			<div class="visible-md visible-lg hidden-sm hidden-xs btn-group" style="margin-bottom:20px;">
				<form  action="/admin/statistic/user_list" method="post">
				<input type="hidden" id="user_id" name="id" value="<?php echo $id;?>"/>
				<label style="padding-left:10px;font-size:13px;">姓名：</label>
					<input  type="text" id="username" name="username" value="<?php echo $username;?>"/>	
				<label style="padding-left:10px;font-size:13px;">起始时间：</label>
					<input type="text" class="Wdate " name="start_time" value="<?=$start_time?>" id="start_time" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" />
				<label style="padding-left:10px;font-size:13px;">结束时间：</label>
					<input type="text" class="Wdate " name="end_time" value="<?=$end_time?>" id="end_time" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" /> 					
				<a style="padding-left:10px;" id="search">
					<button type="submit" class="btn btn-xs btn-success" style="height:28px;">
						<i class="icon-search nav-search-icon"></i>搜索
					</button>
				</a>
				</form>
			</div>
			<div class="row">
				<div class="col-xs-12">
					<div class="table-header">
						业绩统计    当前用户：<?php if(isset($user['username']) && $user['username']){?>账户:<?php echo $user['username'];?>&nbsp;姓名:<?php echo $user['true_name'];?>&nbsp;级别:<?php echo $user['user_level_name'];?>&nbsp;下级个数 :<?php echo $user['next_count'];?>&nbsp;总业绩: <?php echo $user['performance'];?> &nbsp;总佣金: <?php echo $user['money'];}else{echo '无';}?>
					</div>
					<div class="table-responsive">
						<table id="sample-table-2" class="table table-striped table-bordered table-hover">
							<thead>
								<tr>
									<th>id</th>                      
									<th>帐户</th>
									<th>姓名</th>
									<th>级别</th>
									<th>下级个数</th>
									<th>供位编号</th>
									<th>费用</th>
									<th>报单时间</th>
									<th>业绩</th>  
									<th>备注</th>                           
									<th>操作</th>
								</tr>
							</thead>
							<tfoot>
								<tr>
									<th>id</th>                      
									<th>帐户</th>
									<th>姓名</th>
									<th>级别</th>
									<th>下级个数</th>
									<th>供位编号</th>
									<th>费用</th>
									<th>报单时间</th>
									<th>业绩</th>     
									<th>备注</th>                          
									<th>操作</th>
								</tr>					
							</tfoot>


						</table>
					</div><!-- /.table-responsive -->
				</div><!-- /span -->
			</div>
		</div>									
	</div>
<?php include_once('content.php');?>
<link  rel="stylesheet" href="/public_source/www/assets/css/jquery-confirm.css" />
	<link  rel="stylesheet" href="/public_source/www/css/confirm.css" />
	<script src="/public_source/www/assets/js/jquery.dataTables.min.js"></script>
	<script src="/public_source/www/assets/js/jquery.dataTables.bootstrap.js"></script>
        <script src="/public_source/www/assets/js/jquery-confirm.js"></script>
        <script src="/public_source/www/My97DatePicker/WdatePicker.js"></script>
        <script src="/public_source/www/js/charge.js"></script>
<?php include_once('footer.php');?>	
<script type="text/javascript">
    var message = "<?php echo $message;?>";
    if(message == 2) {var con = '修改成功,请确定';}else if(message == 3){var con = '修改失败,请重试';}else if(message ==4){var con = '添加成功,请确认';}else if(message ==5) {var con = '添加失败,请重试';}else if(message==6){ var con='参数错误，请重试';};
    if(message != 1 && message.length>0) {
            $.alert({
                title: '提示',
                content: con,
                confirm: function(){
                    window.location.replace('/admin/statistic/user_list');
                }
            });
    };
    jQuery(function($) {
        var username = $("#username").val();
       
       
        var id =$("#user_id").val();
		var start_time = $("#start_time").val();
        var end_time =$("#end_time").val();
		
        var oTable1 = $('#sample-table-2').dataTable({ "oLanguage": {"sUrl": "/public_source/www/assets/language/zh_CN.json"},			     	

		"aaSorting": [[ 0, "asc" ]],
		"bAutoWidth": false, 
		"bProcessing": true, //开启读取服务器数据时显示正在加载中……特别是大数据量的时候，开启此功能比较好
		"bServerSide": true, //开启服务器模式，使用服务器端处理配置datatable。注意：sAjaxSource参数也必须被给予为了给datatable源代码来获取所需的数据对于每个画。 这个翻译有点别扭。开启此模式后，你对datatables的每个操作 每页显示多少条记录、下一页、上一页、排序（表头）、搜索，这些都会传给服务器相应的值。 
		"sAjaxSource": "/admin/statistic/ajax_user_list?username="+username+"&id="+id+"&start_time="+start_time+"&end_time="+end_time, //给服务器发请求的url
		"aoColumns": [ //这个属性下的设置会应用到所有列，按顺序没有是空
		
        {"mData": 'id'}, //mData 表示发请求时候本列的列明，返回的数据中相同下标名字的数据会填充到这一列
        {"mData": 'username'},
        {"mData": 'true_name'},
		{"mData": 'user_level_name'},
		{"mData": 'next_count'},
		{"mData": 'csg'},
		{"mData": 'price'},
        {"mData": 's_time'},
		{"mData": 'performance'},
		{"mData": 'remark'},
        {"mData": 'operate'},
		
		],
		"aoColumnDefs": [//和aoColums类似，但他可以给指定列附近爱属性
		{"bSortable": false, "aTargets": [3,4,9,10]}, //这句话意思是第1,3,6,7,8,9列（从0开始算） 不能排序
     ]});							
		$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
		function tooltip_placement(context, source) {
			var $source = $(source);
			var $parent = $source.closest('table')
			var off1 = $parent.offset();
			var w1 = $parent.width();	
			var off2 = $source.offset();
			var w2 = $source.width();
			if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
			return 'left';
		}
	});
</script>
<style>
	#sample-table-2_filter {
		display:none;
	}
</style>